@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";


// _indent.scss
$spacing-unit: 0.25rem; // 基础单位

// 完整间距映射（从0到96）
$indent-scale: (
  0: 0,
  px: 1px,
  // '0.5': 0.125rem,
  1: $spacing-unit * 1,
  // '1.5': $spacing-unit * 1.5,
  2: $spacing-unit * 2,
  // '2.5': $spacing-unit * 2.5,
  3: $spacing-unit * 3,
  // '3.5': $spacing-unit * 3.5,
  4: $spacing-unit * 4,
  5: $spacing-unit * 5,
  6: $spacing-unit * 6,
  7: $spacing-unit * 7,
  8: $spacing-unit * 8,
  9: $spacing-unit * 9,
  10: $spacing-unit * 10,
  11: $spacing-unit * 11,
  12: $spacing-unit * 12,
  14: $spacing-unit * 14,
  16: $spacing-unit * 16,
  20: $spacing-unit * 20,
  24: $spacing-unit * 24,
  28: $spacing-unit * 28,
  32: $spacing-unit * 32,
  36: $spacing-unit * 36,
  40: $spacing-unit * 40,
  44: $spacing-unit * 44,
  48: $spacing-unit * 48,
  52: $spacing-unit * 52,
  56: $spacing-unit * 56,
  60: $spacing-unit * 60,
  64: $spacing-unit * 64,
  72: $spacing-unit * 72,
  80: $spacing-unit * 80,
  96: $spacing-unit * 96
);

// 生成所有类
@each $size, $value in $indent-scale {
  .indent-#{$size} {
    text-indent: $value;
  }
}